//台桌样式
@import "table";
//订单列表样式
@import "order-list-waiter";

.header{

    font-weight:bold;
    .name{
        color: @color-theme-font-dark;
        .text{
            padding-left: .5rem;
        }
    }

    .logout{
        color: @color-theme-font-dark;
    }
}

.table-wrapper{
    position: absolute;
    top: @header-height;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: @color-theme-white;

    .tab{
        position: relative;
        z-index: 200;
        &:extend(.clearfix all);
        .tab-item{
            float: left;
            width:50%;
            text-align: center;
            font-size:1rem;
            line-height: @header-height;
            color: @color-theme-font-gray;
            border-bottom:1px solid @color-theme-gray;
            &.selected{
                color: @color-theme-red;
                border-bottom:1px solid @color-theme-red;
            }
        }
    }
    .content{
        position: absolute;
        width:100%;
        top:@header-height;
        bottom:0;
    }

    .wrapper{
        position: absolute;
        width:100%;
        top:0;
        bottom:0;
        overflow-y: auto;
        background-color: @color-theme-white;
    }
    .home-orders-body{
        background: @color-theme-light-gray;
    }

    .no-message{
        text-align: center;
    }

}

@float-dialog-width:80%;
.dinner-counter-wrapper{
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    text-align: center;
    background-color: rgba(5,0,0,0);
    box-shadow: 0 0 .3rem @color-theme-gray;
    color: @color-font-black;
    z-index: 555;
    -webkit-user-select: auto;
    .dialog-content{
        position: absolute;
        background-color: @color-theme-white;
        width: @float-dialog-width;
        &:extend(.clearfix all);
        left: 10%;
        top: 50%;
        margin-top: -4.5rem;
        box-shadow: 0 0 4px @color-theme-light-gray;
    }
    
    .dinner-message,.counter,.cancel,.confirm{
        font-size: 1rem;
        line-height: 2;
    }
    
    .dinner-message{
        text-align: left;
        color: @color-font-black;
        margin: 1rem auto;
    }
    
    .input-wrapper{
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    
    .input-wrapper,.dinner-message{
        width: 80%;
    }
    
    .counter{
        color: @color-font-black;
        width: 100%;
        padding-left: 1rem;
        border: none;
        background-color: @color-theme-light-gray;
        outline: none;
        -webkit-user-select: text;
        &:focus{
            border: none;
        }
    }

    .dinner-btn-wrapper{
        .clearfix;
    }

    .cancel,.confirm{
        float: left;
        color: @color-font-black;
        background-color: @color-theme-white;
        width: 50%;
        border-top:1px solid @color-theme-light-gray;
        padding-top:.3rem;
        padding-bottom: .3rem;
        &:active{
            background-color: @color-theme-red;
            color: @color-theme-white;
        }
    }
    .cancel{
        border-right:1px solid @color-theme-light-gray;
    }
    
}








